<template>
  <view>
    <!-- 获取积分 -->
    <view class="gain maring">
      <!-- 获取积分标题 -->
      <view class="gain-title">
        <view class="gain-sign">
        </view>
        <text>获取积分</text>
      </view>
      <!-- 获取积分内容 -->
      <view class="gain-content">
        <text>1.每天签到可获得0.2积分</text>
        <text>2.连续签到七天以上可获得0.5积分</text>
        <text>3.观看视频广告赚积分每次可获得1积分</text>
        <text>4.通过分享表情包,图片等,用户通过您分享的小程序进入，并保存对应的图片后可获得0.5积分;</text>
        <text>5.通过您推荐的用户在以后的使用过程中,如保存表情包,看广告视频等,可获得0.2积分</text>
        <text>6.通过个人中心进行表情包,图片上传,用户保存您上传的图片,可获得0.5积分</text>
        <text>7.通过发表动态,用户保存您动态内发表的表情包,图片等,可获得0.5积分</text>
      </view>
    </view>
    <!-- 关于积分 -->
    <view class="gain maring">
      <!-- 获取积分标题 -->
      <view class="gain-title">
        <view class="gain-sign">
        </view>
        <text>关于积分</text>
      </view>
      <!-- 获取积分内容 -->
      <view class="gain-content">
        <text>1.100积分等于1元整;</text>
        <text>2.积分提现最低100积分起提</text>
        <text>3.积分可用于表情解锁,制作表情,积分提现等;</text>
        <text>4.每天观看广告次数超过20次将无法继续获得积分</text>
        <text>5.看广告频率5分钟/次,频率观看无法获得积分</text>
      </view>
    </view>
    
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss">
  // 间距
  .maring {
    margin: 30rpx;
  }

  .gain {
    padding: 30rpx 20rpx;
    background-color: #fff;
    border-radius: 16rpx;

    // 获取积分标题
    .gain-title {
      display: flex;
      font-size: 30rpx;
      font-weight: 700;

      .gain-sign {
        margin-right: 20rpx;
        width: 6rpx;
        height: 50rpx;
        background-color: #000;
        border-radius: 10rpx;
      }

    }

    .gain-content {
      font-size: 26rpx;
      text{
        display: block;
        margin: 10rpx 0;
      }
    }
  }
</style>
